@@include('./layout/_head.html')
<img id="loading-bubbles" src="./images/loading-bubbles.svg"/>
<div id="main-wrapper" class="card-fullscreen card-wrapper hidden">
	<div id="portrait">
		<img src="./images/VCG41524322465.jpg" alt="用户头像">
	</div>
	<div id="profile">
		<h1 class="user">龙峻峰 <span class="position">主治医师</span></h1>
		<p>深圳康美医院 全科</p>
		<hr class="hidden">
		<p class="hidden">执业医生  五官科  呼吸内科  消化内科 </p>
	</div>

	<div id="content-wrapper">
		<nav>
			<ul>
				<li><a href="#concat-info" title="联系方式"><i class="icon iconfont icon-lianxifangshi"></i>联系方式</a></li>
				<li><a href="#senior" title="执业资历"><i class="icon iconfont icon-zigerenzheng"></i>执业资历</a></li>
				<li><a href="#skilled" title="擅长领域"><i class="icon iconfont icon-shanchanglingyu"></i>擅长领域</a></li>
			</ul>
		</nav>
		<div id="concat-info" class="mui-scroll-wrapper">
		    <div  class="mui-scroll">
		        <!--这里放置真实显示的DOM内容-->
		        <ul class="mui-table-view">
	 
	                <li class="mui-table-view-cell">
	                   <span class="icon-wrapper"><a href="tel:13847658790"><i class="icon iconfont icon-shouji"></i></a></span> <span class="txt-info">13847658790</span>
	                </li>
	                <li class="mui-table-view-cell">
	                   <span class="icon-wrapper"><a href="tel:075566668888"><i class="icon iconfont icon-dianhua1"></i></a></span> <span class="txt-info">13847658790</span>
	                </li>
	                <li class="mui-table-view-cell">
	                   <span class="icon-wrapper"><a href="mailto:Design@creative.com"><i class="icon iconfont icon-youjian"></i></a></span> <span class="txt-info">Design@creative.com</span>
	                </li>
	                <li class="mui-table-view-cell">
	                   <span class="icon-wrapper"><a href="http://www.51creative.cn"><i class="icon iconfont icon-hulianwang"></i></a></span> <span class="txt-info">www.creative.cn</span>
	                </li>
	                <li class="mui-table-view-cell">
	                   <span class="icon-wrapper"><i class="icon iconfont icon-qq"></i></span> <span class="txt-info">13847658790</span>
	                </li>
	                <li class="mui-table-view-cell">
	                   <span class="icon-wrapper"><i class="icon iconfont icon-weixin"></i></span> <span class="txt-info">13847658790</span>
	                </li>
	                <li class="mui-table-view-cell hidden">
	                   <button id="save-btn" type="button" class="mui-btn mui-btn-primary center-btn">保存到手机通讯录</button>
	                </li>
	                 <li class="mui-table-view-cell">
	                   <img class="QR-code" src="./images/QR_code.png" alt="二维码">
	                   <p class="copyright">技术支持<br/>广州酷睿体悟科技有限公司  </p>
	                </li>
	               
	            </ul>
		    
		    </div>
		</div>

		<div id="senior" class="mui-scroll-wrapper">

		    <div  class="mui-scroll">
		    	<p>劳绍贤，男，1937年6月出生。1962年毕业于广州中医学院医疗系。从师邓铁涛教授。现为广州中医药大学教授，中西医结合临床专业博士研究生导师，博士后指导老师，中国中西医结合研究会消化系统疾病专业委员会委员，中华全国中医学会脾胃专业委员会委员，卫生部药品审评委员会第二、三、四届委员，广东省新药审评委员会第二、三、四届委员，国家、广东省食品药品监督管理局药品审评委员，《中药药理与临床》、《中药新药临床与药理》、《广州中医药大学学报》、《中国中西医结合脾胃杂志》编委
		    	</p>
		    </div>
		</div>

		<div id="skilled" class="mui-scroll-wrapper">

		    <div  class="mui-scroll">
		    	<p>擅治内科疾病，临证每效若桴鼓。对消化系统疾病的治疗有着极高的造诣，多层次地总结了消化性溃疡、慢性胃炎、慢性结肠炎、胃癌癌前病变等胃肠疾病的诊疗规律，研制了“和胃片”、“胃热清”、“肠炎灵”、“胃炎消”等特色中成药，主持七五、八五及省、部级课题多项，其中“脾虚证辨证论治的系列研究”获2000年国家科技进步二等奖；“和胃片治疗消化性溃疡病的临床与实验研究”获广东省高教局科技进步奖；“健脾清热化瘀中药及配伍抗溃疡的实验与临床研究”获1994年广东省中药要管理局中药科技进步一等奖。
		    	</p>
		    </div>
		</div>
	</div>
	
</div>

<div id="mask">
	<div id="QR-img">
		<img  src="./images/QR_code.png"/>
		<span class="mui-icon mui-icon-close"></span>
	</div>
	<p class="tip">长按二维码 保存到手机通讯录</p>
</div>
<script type="text/javascript" src="../../lib/jquery.min.js"></script>
<script type="text/javascript" src="../../lib/mui/js/mui.min.js"></script>
<script type="text/javascript" src="../../lib/TweenLite.min.js"></script>
<script type="text/javascript" src="../../lib/TimelineLite.min.js"></script>
<script type="text/javascript" src="../../lib/CSSPlugin.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/easing/EasePack.min.js"></script>
<script type="text/javascript" src="./scripts/main.min.js"></script>
<script type="text/javascript">
	$('#loading-bubbles').show();
	$('#content-wrapper nav a').on('click',function(evt){
		evt.preventDefault();
	});


	//二维码  保存到通讯录
	$('.QR-code').on('click',function(){
		$('#mask').show();
	});
	$('#mask .mui-icon-close').on('click',function(){
		$('#mask').hide();
	});



	$(window).on('load',function(){
		$('#loading-bubbles').hide();
		$('.card-wrapper').removeClass('hidden');

		var timeLine1 = new TimelineLite();
		timeLine1.add(TweenLite.to($('#main-wrapper'),.5,{
			backgroundPosition:"0rem -7rem",
			ease:Power4.easeOut,
		}))
		.add(TweenLite.from($('#portrait'),1,{
		 	marginTop:"35%"
		})).eventCallback("onComplete",function(){
			$('.mui-scroll-wrapper').height(Client.view.height - $('#content-wrapper nav').offset()['top'] - 60);
		});
	});
	
</script>
@@include('./layout/_footer.html')